import Vue from 'vue'
import App from './App'

import axios from 'axios'

Vue.config.productionTip = false


// axios.defaults.baseURL = 'http://152.136.185.210:7878/api/hy66';


/* eslint-disable no-new */
new Vue({
  el: '#app',
  render: h => h(App)
})

// axios基础使用 默认使用get请求
// axios({
//   url: 'http://152.136.185.210:7878/api/hy66/recommend'
// }).then(res=>{
//   console.log(res);
// })
// 添加参数methods参数
// axios({
//   url: 'http://152.136.185.210:7878/api/hy66/recommend',
//   method: 'get'
// }).then(res=>{
//   console.log(res);
// })
// params拼接参数
// axios({
//   url: 'http://152.136.185.210:7878/api/hy66/home/data',
//   // 也可以直接手动拼接使用http://152.136.185.210:7878/api/hy66/home/data?type=sell&page=1
//   method: 'get',
//   params: {
//     type: 'sell',
//     page: 1
//   }
// }).then(res=>{
//   console.log(res);
// })

// axios处理并发请求
// axios.all([axios({
//   url:'http://152.136.185.210:7878/api/hy66/recommend'
// }),axios({
//   url: 'http://152.136.185.210:7878/api/hy66/home/data',
//   params: {
//     type: 'sell',
//     page: 1
//   }
// })]).then(results=>{
//   console.log(results);
//   console.log(results[0]);
//   console.log(results[1]);

// })
// axios处理并发请求,将返回的结果解构,不常用,对于数组通常采用for循环遍历
// axios.all([axios({
//   url:'http://152.136.185.210:7878/api/hy66/recommend'
// }),axios({
//   url: 'http://152.136.185.210:7878/api/hy66/home/data',
//   params: {
//     type: 'sell',
//     page: 1
//   }
// })]).then(axios.spread((res1,res2)=>{
//   console.log(res1);
//   console.log(res2);
// }))

// axios的基础配置baseURL
// axios.all([axios({
//   baseURL: 'http://152.136.185.210:7878/api/hy66',
//   url:'/recommend'
// }),axios({
//   baseURL: 'http://152.136.185.210:7878/api/hy66',
//   url: '/home/data',
//   params: {
//     type: 'sell',
//     page: 1
//   }
// })]).then(axios.spread((res1,res2)=>{
//   console.log("--------通过baseURL配置-------")
//   console.log(res1);
//   console.log(res2);
// }))
// 全局配置url
// axios({
//   url: '/recommend',
//   method: 'get'
// }).then(res=>{
//   console.log('---------全局配置baseURL-----------');
//   console.log(res);
// })

// 创建axios实例,为了对应不同地址的请求接口,小创建实例,全局配置baseURL就不合适
// const instance1 = axios.create({
//   baseURL: 'http://152.136.185.210:7878/api/hy66'
// })

// instance1({
//   url: '/home/multidata'
// }).then(res=>{
//   console.log('--------axios实例---------');
//   console.log(res);
// })

// 调用封装的request模块
import {request,request2,request3,request4,request5} from './network/request';

request({
  url: '/home/multidata'
},res=>{
  // 打印出请求的数据
  console.log(res);
},err=>{
  console.log(err);
})

request2({
 baseConfig: {
  url: '/home/multidata'
 },
 success(res){
  console.log(res);
 },
 failure(err){
  console.log(err);
 }
})

request3({
   url: '/home/multidata'  
 }).then(res=>{
  console.log(res);
 }).catch(err=>{
  console.log('err');
 })

 request4({
  url: '/home/multidata'  
}).then(res=>{
 console.log(res);
}).catch(err=>{
 console.log('err');
})

request5({
  url: '/home/multidata'  
}).then(res=>{
 console.log(res);
}).catch(err=>{
 console.log('err');
})